import React, {useState, useEffect} from 'react'
import './index.scss'
import {MainBar} from "@/components/bar/bar";
import Area from "@/components/area/area";
import ArticleReply from "@/pages/detail/component/ArticleReply";
import ArticleMain from "@/pages/detail/component/ArticleMain";
import ArticleReplyList from "@/pages/detail/component/ArticleReplyList";

export default function Detail() {
  return (
    <MainBar className='detail'>
      <Area className='detail-card'>
        <ArticleMain/>
      </Area>

      <Area className='detail-card'>
        <ArticleReply/>
      </Area>

      <Area className='detail-card'>
        <ArticleReplyList/>
      </Area>
    </MainBar>
  )
}

